<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选柜格</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="../css/ydui.css?rev=@@hash"/>
    <link rel="stylesheet" href="../css/demo.css"/>
    <link rel="stylesheet" href="../css/choose_bookgrid.css">
</head>
<body>
<section class="g-flexview">
    <header class="m-navbar" style="background: url(../images/nav.png) center 0 no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;zoom: 1;">
        <a href="javascript:void(0)" class="navbar-item">
            <i class="back-ico"></i>
        </a>
        <div class="navbar-center">
            <span class="navbar-title">选柜格</span>
        </div>
        <!--<a href="javascript:void(0)" class="navbar-item">-->
            <!--<i class="icon-location"></i>-->
        <!--</a>-->
    </header>
    <div class="bookgrid_container">
        <div class="m-grids-2">
            <a href="javascript:void(0)" class="grids-item">
                <img src="../images/bookcase_1@2x.png" alt="">
                <p class="bookcount_container">
                    <span class="book_count">66</span>本
                </p>
            </a>
            <a href="javascript:void(0)" class="grids-item">
                <img src="../images/bookcase_1@3x.png" alt="">
                <p class="bookcount_container">
                    <span class="book_count">66</span>本
                </p>
            </a>
            <a href="javascript:void(0)" class="grids-item">
                <img src="../images/bookcase_4@2x.png" alt="">
                <p class="bookcount_container">
                    <span class="book_count">66</span>本
                </p>
            </a>
            <a href="javascript:void(0)" class="grids-item">
                <img src="../images/bookcase_4@3x.png" alt="">
                <p class="bookcount_container">
                    <span class="book_count">66</span>本
                </p>
            </a>
            <a href="javascript:void(0)" class="grids-item">
                <img src="../images/bookcase_5@2x.png" alt="">
                <p class="bookcount_container">
                    <span class="book_count">66</span>本
                </p>
            </a>
            <a href="javascript:void(0)" class="grids-item">
                <img src="../images/bookcase_6@2x.png" alt="">
                <p class="bookcount_container">
                    <span class="book_count">66</span>本
                </p>
            </a>
        </div>
    </div>
</section>
<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/ydui.flexible.js"></script>
<script src="../js/ydui.js"></script>
</body>
</html>